<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <style>
    /* * {
      margin: 0;
      padding: 0;
    }

    table {
      width: 500px;
      text-align: center;
      border-collapse: collapse;
    }
    th,
    td {
      border: 1px solid purple;
    } */
  </style>
  <body>
    <!-- <table>
      <thead>
        <tr>
          <th>编号</th>
          <th>名称</th>
          <th>价格</th>
          <th>数量</th>
        </tr>
      </thead>
      <tbody></tbody>
    </table>
  

    <div></div>
  </body>
  <script>
    //   1、创建 Dog 构造函数，分别有属性：name、color、weight，方法：wang()，使用构造函数创建以下对象并打印
    // 金毛 黄色 35kg
    // 柯基 奶油色 15kg
    // 拉布拉多 黑色 40kg

    // function Dog(name, color, weight) {
    //   ;(this.name = name),
    //     (this.color = color),
    //     (this.weight = weight),
    //     (this.wang = function () {
    //       console.log('它叫了')
    //     })
    // }

    // const jm = new Dog('金毛', '黄色', '35kg')
    // const kj = new Dog('柯基', '奶油色', '15kg')
    // const lbld = new Dog('拉布拉多', '黑色', '40kg')
    // console.log(km)
    // console.log(kj)
    // console.log(lbld)
    // jm.wang()


    // 2、将以下数据使用 forEach 遍历渲染到表格中（自己实现表格），并使用 reduce 方法计算出商品列表里面的总价
    //     const goodsList = [
    //       { id: 1, goodsName: '小米13pro', price: '3999', num: 2 },
    //       { id: 2, goodsName: '卫龙大面筋', price: '5.9', num: 10 },
    //       {
    //         id: 3,
    //         goodsName: 'JavaScript 高级程序设计（第四版）',
    //         price: '120.9',
    //         num: 1,
    //       },
    //       { id: 4, goodsName: 'MacBook Pro M2芯片', price: '20000', num: 1 },
    //     ]

    //     const table = document.querySelector('.table')
    //     const tbody = document.querySelector('tbody')
    //     const amount = document.querySelector('.amount')
    //     goodsList.forEach((item) => {
    //   const res = document.createElement('tr');
    //   res.innerHTML = `
    //     <td>${item.id}</td>
    //     <td>${item.goodsName}</td>
    //     <td>${item.price}</td>
    //     <td>${item.num}</td>
    //   `;
    //   tbody.appendChild(res);
    // });

    // amount.innerHTML = goodsList.reduce((prev,item)=>{
    //   return prev + item.price * item.num
    // },0)



    // 3、将以下字符串中的文件名提取并打印出来
    //   let str = "C:\\Users\\34852\\Desktop\\百度同步\\BaiduSyncdisk\\课程\\05-JavaScript进阶\\JavaScript进阶v8.0配套资料\\JavaScript进阶第二天\\04-code\\index.html";

    // console.log(str.length);
    // const  res = Array.from(str)
    // const data =res.slice(106,116).join('')
    // console.log(data);
    // document.querySelector('div').innerHTML =data


    
    // 4、将以下学生信息对象中的学生信息以空格拼接的形式展示到页面的<div></div>中
    const stuObj = {
      stuId: '20206848235',
      stuName: '张三',
      age: '22',
      gender: '男',
      className: '20计算机三班',
    }
    const div = document.querySelector('div')
    const { stuId, stuName, age, gender, className } = stuObj
    const arr = []
    arr.push(stuId, stuName, age, gender, className)
    div.innerHTML = arr.join(' ')
  </script>
</html>
